<div class="flex items-center" data-component="<%= component_name %>">
  <% if @display_value %>
    <div class="text-right text-sm font-semibold leading-none mr-2 min-w-[2rem]">
      <%= @value %><%= @value_suffix if @value_suffix.present? %>
    </div>
  <% end %>
  <%= tag :progress, min: 0, max: @max, value: @value, class: "block min-w-[6rem] #{"w-full" if show?} #{"w-auto" if index?}" %>
</div>
